www.gusucode.com > 蓝色机设备行业网站源码 通用织梦dedecms模板(demo271)源码程序 > 蓝色机设备行业网站源码 通用织梦dedecms模板(demo271)源码程序/www3/templets/demo/css/css.1.1.css
/* AB模版网 做最好的织梦整站模板下载网站 */ /* 网址:Www.AdminBuy.Cn */ /* 图标大全:Sc.AdminBuy.Cn 专业建站素材网站 */ /* QQ:9490489 */ /*======================reset=================*/ body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; } body, button, input, select, textarea { font: 12px/1.5 tahoma, arial, 'HiraginoSansGB', \5b8b\4f53, sans-serif } h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100% } address, cite, dfn, em, var { font-style: normal } ul, ol, li { list-style: none; } fieldset, img { border: 0 } table { border-collapse: collapse; border-spacing: 0 } /*======================public==================*/ img { border: 0px; } input, form { margin: 0px; } html { overflow-x: hidden; overflow-y: scroll; _background-attachment: fixed; _background-image: url(../<>); } .h0 { height: 0px; font-size: 0px; line-height: 0px; clear: both; } .h5 { height: 5px; font-size: 0px; line-height: 0px; clear: both; } .h10 { height: 10px; font-size: 0px; line-height: 0px; clear: both; } .h15 { height: 15px; font-size: 0px; line-height: 0px; clear: both; } .h20 { height: 20px; font-size: 0px; line-height: 0px; clear: both; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .pad2 { padding: 2px; } .pad5 { padding: 5px; } .pad8 { padding: 8px; } .pad10 { padding: 10px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .l { float: left; } .r { float: right; } .m { margin: 0 auto; } .w { width: 1026px; margin: auto; overflow: hidden; clear: both; } .wp { width: 1026px; margin: auto; clear: both; } .w1 { width: 100%; margin: auto; overflow: hidden; clear: both; padding-top: 30px; background: url(../style/mainbg.png) repeat-x top; } .o { overflow: hidden; } .wrap { width: 100%; } .topbarbox { width: 100%; height: 19px; background: #F5F5F5; } .header { width: 100%; } .main { width: 100%; } .footer { width: 100%; } .rte { position: relative; } .ale { position: absolute; } a { color: #555; text-decoration: none; } a:hover { color: #f00; text-decoration: underline } .color { width: 100%; height: auto; background-image: url(../style/tu_02.gif); background-repeat: repeat-x; } .mar { margin-bottom: 10px; } .clear { clear: both; } .banner, .chexing, .select { background-color: #fff; } .none { display: none; } body { font-size: 13px; color: #333; font-family: "Microsoft YaHei", "宋体", Arial, sans-serif; } .date { color: #999; float: right; padding-right: 10px; } .border3 { border: #DDDDDD 1px solid; border-top-style: none; } .border { border: #DDDDDD 1px solid; } .clear { clear: both; } .img_block { display: block; margin: 0 auto; } .img_block p { line-height: 25px; } .img_block p span { color: #3482b5; } /*======================head==================*/ .topbarbox a { float: right; margin-left: 30px; display: block; height: 30px; line-height: 30px; color: #fff; } .topbarbox a.home { margin-right: 2px; background: url(../style/home.png) no-repeat center; width: 26px; } .topbarbox a.lan { background: url(../style/h.png) no-repeat left center; padding-left: 51px; } .head { width: 1026px; z-index: 99; overflow: visible; height: 100px; margin: auto; position: relative; } .head1 { width: 1100px; z-index: 99; overflow: visible; height: 100px; margin: auto; position: relative; } .logo { left: 0px; top: 20px; } .logo a { text-decoration: none; } .top a { } .toptxt { top: 56px; left: 330px; font-size: 18px; z-index: 6; } .wq { top: 48px; left: 880px; width: 98px; height: 39px; z-index: 6; background: url(../style/wq.jpg) no-repeat center; } .wq a.wx { float: left; width: 39px; height: 39px; z-index: 6; } .wq a.wx:hover { background: url(../style/wq.png) no-repeat left; } .wq a.qq { float: right; width: 39px; height: 39px; z-index: 6; } .wq a.qq:hover { background: url(../style/wq.png) no-repeat right; } .tel { top: 18px; right: 0px; font-size: 18px; z-index: 5; color: #313131; } .tel1 { top: 51px; right: 0px; width: 290px; background: #23468A; border-bottom: #112F6B 4px solid; font-size: 18px; z-index: 6; color: #FFF; line-height: 28px; height: 28px; text-align: center; } .weixin_a { position: absolute; right: 0px; top: 30px; display: none; z-index: 99999; } .weixin_b { position: absolute; left: 0px; top: 39px; display: none; z-index: 99999; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .navBar { height: 46px; position: relative; z-index: 9; background: #23468A; } .nav { width: 1026px; margin: 0 auto; position: relative; height: 46px; } .nav .n { position: relative; display: block; float: left; text-align: center; height: 30px; padding: 8px 0; z-index: 9; margin-right: 20px; } .nav a { color: #fff; display: block; height: 30px; line-height: 28px; font-size: 16px; position: relative; text-align: center; text-decoration: none; padding: 0 20px; } .nav a:hover { color: #fff; background: #FEBF00; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 2px 2px 2px #999; -webkit-box-shadow: 2px 2px 2px #999; box-shadow: 2px 2px 2px #999; behavior: url(../<>); } .nav .on a { color: #fff; background: #FEBF00; -moz-border-radius: 4px; /* Firefox */ -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; box-shadow: 5px 5px 50px #000; behavior: url(../<>); } .nav .sub { /*默认隐藏*/ position: absolute; left: 0px; top: 46px; z-index: 9; display: none; background: url(../style/subbg.png); width: 104px; } .nav li.n2 .sub { width: 153px; } .nav li.n3 .sub { width: 153px; left: -22px; } .nav .sub li { text-align: center; z-index: 9; } .nav .sub li a { font-size: 13px; color: #fff; padding: 0; height: 30px; font-weight: normal; line-height: 30px; background: none; z-index:9 -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: 0px 0px 0px transparent; ; -webkit-box-shadow: 0px 0px 0px transparent; ; box-shadow: 0px 0px 0px transparent; ; } .nav .sub li.on a { color: #fff; background: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: 0px 0px 0px transparent; ; -webkit-box-shadow: 0px 0px 0px transparent; ; box-shadow: 0px 0px 0px transparent; ; } .nav .sub li.on a:hover { color: #fff; background: #23468A; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; ; box-shadow: 0px 0px 0px transparent; ; } .nav .sub li a:hover { color: #fff; background: #23468A; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: 0px 0px 0px transparent; ; -webkit-box-shadow: 0px 0px 0px transparent; ; box-shadow: 0px 0px 0px transparent; ; } .bannerbg { width: 100%; height: 318px; } .bgb { height: 30px; background: url(../style/bbg.png) no-repeat center top; } .fullSlide { width: 100%; position: relative; height: 430px; overflow: hidden; z-index: 1; } .fullSlide .bd { position: relative; z-index: 0; } .fullSlide .bd ul { width: 100% !important; } .fullSlide .bd li { width: 100% !important; height: 430px; } .fullSlide .bd li a { position: absolute; width: 100%; height: 430px; display: block; z-index: 1; ; } .fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 10px; left: 0; height: 30px; line-height: 30px; } .fullSlide .hd ul { text-align: center; } .fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline; zoom: 1; width: 10px; height: 10px; background: #999; margin: 6px; overflow: hidden; filter: alpha(opacity=100); opacity: 1; font-size: 0; line-height: 0; text-indent: -999px; } .fullSlide .hd ul .on { background: #23468A; } .fullSlide .prev, .fullSlide .next { display: block; position: absolute; z-index: 1; top: 50%; margin-top: -30px; z-index: 1; width: 38px; height: 80px; cursor: pointer; display: none; } .fullSlide .prev { left: 15%; background-position: 0 0; background: url(../style/jt1.png) no-repeat; } .fullSlide .next { right: 15%; background-position: 0 0; background: url(../style/jt2.png) no-repeat; } .tit_h { padding: 25px 0 15px 0; text-align: center; } .tit_h h2 { font-size: 18px; letter-spacing: 3px; font-weight: normal; } .tit_h p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } .yewu { } .ywmk { width: 248px; margin-right: 11px; } .ywmk_c { width: 246px; border: #eee 1px solid; height: 192px; text-align: center; display: table-cell; vertical-align: middle; text-align: center; position: relative; background: #FBFBFB; } .middle-in { position: static; *position:absolute; top: 50%; } .ywmk_c img { max-height: 165px; max-width: 220px; vertical-align: middle; position: static; *position:relative; top: -50%; left: -50%; } .ywmk_txt { height: 39px; line-height: 39px; overflow: hidden; text-align: center; font-size: 14px; } .yewu .yw4 { margin-right: 0px; } .about { width: 100%; height: 270px; background: #E8E8E8; padding-top: 25px; overflow: hidden; } .aimg { width: 308px; height: 214px; margin-top: 14px; } .aimg p img { width: 308px; height: 214px; } .about_i { width: 692px; height: 235px; line-height: 26px; font-size: 14px; } .about_i a.atxt { color: #23468A; border: #23468A 2px solid; line-height: 26px; width: 72px; height: 26px; text-align: center; display: block; left: 0; bottom: 5px; font-size: 13px; text-decoration: none; } .about_i a.atxt:hover { color: #FEBF00; border: #FEBF00 2px solid; } .ys_h { height: 490px; background: url(../style/ysbg.jpg) no-repeat left top; position: relative; } .ys_h li { position: absolute; } .ys_h li h3 { font-size: 18px; line-height: 35px; font-weight: normal; } .ys_h li p { line-height: 30px; font-size: 14px; } .ys_h li.i1, .ys_h li.i2, .ys_h li.i3, .ys_h li.i4 { left: 80px; } .ys_h li.i5, .ys_h li.i6, .ys_h li.i7, .ys_h li.i8 { left: 620px; } .ys_h li.i1 { top: 35px; } .ys_h li.i2 { top: 120px; } .ys_h li.i3 { top: 235px; } .ys_h li.i4 { top: 350px; } .ys_h li.i5 { top: 20px; } .ys_h li.i6 { top: 130px; } .ys_h li.i7 { top: 245px; } .ys_h li.i8 { top: 340px; } .case_i { width: 1118px; margin: 5px auto 40px auto; height: 139px; overflow: hidden; } .case_i .ad1 { } .prtlist_i { width: 100%; height: 125px; clear: both; overflow: visible; position: relative; } .prtlist_i .hd .next, .prtlist_i .hd .prev { width: 38px; height: 38px; display: block; cursor: pointer; background: url(../style/jt.png) no-repeat; position: absolute; top: 38px; } .prtlist_i .hd .next { right: 0px; background-position: right top; } .prtlist_i .hd .prev { left: 0px; background-position: left top; } .prtlist_i .hd .next:hover { background-position: right bottom; } .prtlist_i .hd .prev:hover { background-position: left bottom; } .prtlist_i .bd { float: left; overflow: hidden; width: 1026px; position: relative; margin-left: 46px; margin-top: 14px; } .prtlist_i .bd ul { overflow: hidden; zoom: 1; } .prtlist_i .bd ul li { float: left; width: 150px; text-align: center; margin-right: 25px; } .casepic { width: 148px; border: #B9B9B9 1px solid; text-align: center; display: table-cell; vertical-align: middle; text-align: center; position: relative; height: 88px; } .casepic img { max-width: 148px; max-height: 88px; vertical-align: middle; position: static; *position:relative; top: -50%; left: -50%; } .casetxt { width: 150px; height: 30px; line-height: 30px; padding-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } .titile_i { height: 21px; line-height: 21px; overflow: hidden; margin-bottom: 10px; } .titile_i h2 { float: left; font-size: 18px; font-weight: normal; color: #313131; } .titile_i h2 span { font-size: 16px; color: #ccc; padding-left: 15px; } a.more { float: right; font-size: 14px; } /*news*/ .news_tit { background: url(../style/tl.png) no-repeat left center #23468A; color: #FFF; height: 36px; line-height: 36px; padding-left: 22px; } .news_tit h2 { font-size: 16px; font-weight: normal; } .news_tit a.more { font-size: 12px; margin-right: 10px; } .news_tit a { color: #FFF; } .news { width: 322px; margin-left: 30px; } .news li { height: 30px; line-height: 30px; background: url(../style/nli.png) no-repeat 7px center; padding-left: 20px; overflow: hidden; float: left; } .news li a { width: 298px; height: 30px; line-height: 30px; display: block; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fqa { width: 322px; margin-left: 30px; } .txtMarquee-top { width: 322px; overflow: hidden; position: relative; } .txtMarquee-top .bd { } .txtMarquee-top .infoList li { background: url(../style/faq.png) no-repeat 0 0; padding-left: 30px; height: 114px; } .txtMarquee-top .infoList li a { width: 292px; height: 20px; line-height: 20px; display: block; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #222; } .txtMarquee-top .infoList li a:hover { color: #f00; } .txtMarquee-top .infoList li p { color: #777; line-height: 25px; } /* foot */ .links { padding-top: 12px; line-height: 35px; } .footnav { height: 40px; line-height: 40px; color: #FFF; border-bottom: #23468A 1px solid; position: relative; z-index: 1; } .footer { background: #38558D; overflow: hidden; color: #FFF; padding-bottom: 10px; min-height: 208px; font-size: 12px; } .foot { width: 1026px; margin: 0px auto; position: relative; overflow: visible; z-index: 10; } .zb { left: 0; } .zgs { left: 240px; } .zgs div { float: left; width: 176px; } .fgs { left: 780px; } .footimg { right: 0; top: 30px; z-index: 9; } .footimg img { } .bd a img:hover, .news_h a img:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .newsbox { width: 100%; margin: 0px auto; height: auto; background: url(../style/6d.png) no-repeat top center; clear: both; } .copyright { overflow: hidden; padding-top: 20px; line-height: 25px; } .footer a { color: #eee; } .footer a:hover { color: #ccc; } .pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px} .pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999} .pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc} .pagess ul li:hover a{color:#fff;} .pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;} .pagess ul li.thisclass a {color: #fff;} .pagess ul li a{ display:block;color:#999} .pagess ul li a:hover {color: #fff;}